<template>
  <div class="dialogue">
    <ConversationList></ConversationList>
    <ContentMessage class="ContentMessageClass"></ContentMessage>
  </div>
</template>

<script setup>
import {reactive, onMounted, ref} from 'vue'
import ConversationList from "@/components/conversationList/index.vue"
import ContentMessage from "@/components/content-message/index.vue"
import {useStore} from "vuex"
const store = useStore()
onMounted(() => {
  store.dispatch("conversation/getCountAllRead")
})
</script>

<style scoped lang="scss">
.dialogue {
  height: 100%;
  display: flex;
  .ContentMessageClass {
    flex: 1;
  }
}
</style>